<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta name="description" content="Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template">
    <meta name="keywords" content="bootstrap, responsive, multipurpose, business, corporate, product, product launch, creative, landing page, marketing, software">
    <meta name="author" content="setblue">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Title -->
    <title>itotek | Bootstrap 4 HTML5 Multi Purpose One/Multi Pages Template</title>



    <!-- Animate CSS -->
    <link rel="stylesheet" href="static/css/animate.css">

    <!-- Slick CSS -->
    <link rel="stylesheet" href="static/css/slick.css">

    <!-- Google Fonts -->
    <link rel="stylesheet" href="static/css/css.css" type="text/css">

    <!-- Line Icons CSS -->
    <link rel="stylesheet" href="static/css/LineIcons.css">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">

    <!-- Style CSS -->
    <link rel="stylesheet" href="static/css/style.css">

</head>

<body>
    <!-- Preloader Start -->
    <div class="spinner-wrapper">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
    <!-- Preloader Ends -->
    <!-- Navbar Start -->
    <div class="navbar-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- navbar -->
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="index1.html">
                            <img src="static/picture/logo.svg" alt="Logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTwo" aria-controls="navbarTwo" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarTwo">
                            <ul class="navbar-nav m-auto">
                                <li class="nav-item"><a href="index1.html">home</a></li>
                                <li class="nav-item"><a href="services.html">Services</a></li>
                                <li class="nav-item active"><a href="">About Us</a></li>
                                <li class="nav-item"><a href="pricing.html">Pricing</a></li>
                                <li class="nav-item"><a href="portfolio.html">portfolio</a></li>
                                <li class="nav-item"><a href="faq.html">FAQ's</a></li>
                                <li class="nav-item"><a href="contactus.html">Contact Us</a></li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        Pages
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="404.html">404</a>
                                        <a class="dropdown-item" href="blog.html">Blog</a>
                                        <a class="dropdown-item" href="login.html">Login</a>
                                        <a class="dropdown-item" href="register.html">Register</a>
                                    </div>
                                </li>
                            </ul>
                        </div>

                        <div class="navbar-btn d-none d-sm-inline-block">
                            <ul>
                                <li><a class="solid" href="#">Download</a></li>
                            </ul>
                        </div>
                    </nav> 
                    <!-- navbar -->
                </div>
            </div>
        </div> <!-- container -->
    </div>
    <!-- Navbar Ends -->
    <!-- Inner Banner Start -->
    <section class="inner-banner">
        <div class="inner-text">
            <h1>About Us</h1>
            <nav aria-label="breadcrumb" class="sticky-header">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index1.html">Home</a></li>
                    <li class="breadcrumb-item active">About Us</li>
                </ol>
            </nav>
        </div>
        <div id="particles-1" class="particles"></div>
    </section>
    <!-- Inner Banner Ends -->

    <!-- About Start -->
    <section class="section">
        <div class="container">
            
            <div class="row align-items-center">
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">
                        <h4>Modern design with Essential Features</h4>
                        <p class="text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, seiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
                        <div class="mt-4 text-left">
                            <a class="white-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-image text-center wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
                        <img src="static/picture/about1.svg" alt="about">
                    </div>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-image text-center wow fadeInRightBig" data-wow-duration="1s" data-wow-delay="0.5s">
                        <img src="static/picture/about2.svg" alt="about">
                    </div>
                </div>
                <div class="col-md-6 col-sm-12">
                    <div class="mt-4 about-content wow fadeInLeftBig" data-wow-duration="1s" data-wow-delay="0.5s">

                        <h4>Modern design with Essential Features</h4>
                        <p class="text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, seiam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing.</p>
                        <div class="mt-4 text-left">
                            <a class="white-btn" href="#">Learn More</a>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>
    <!-- About Ends -->

    <!-- Team Start -->
    <section class="section">
        <div class="container">
            <div class="title-block mx-auto">
                <div class="section_title mb-4 text-center">
                    <h2>Meet The Team</h2>
                    <p class="section_subtitle mx-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>

            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
                        <div class="team-image">
                            <img src="static/picture/team-2.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Elon Musk</a></h5>
                            <p class="text">Sr. Software Engineer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
                        <div class="team-image">
                            <img src="static/picture/team-1.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Isabela Moreira</a></h5>
                            <p class="text">Founder and CEO</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
                        <div class="team-image">
                            <img src="static/picture/team-3.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Fiona Smith</a></h5>
                            <p class="text">Business Development Manager</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
                        <div class="team-image">
                            <img src="static/picture/team-4.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Daniel Smith</a></h5>
                            <p class="text">SEO Expert</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s">
                        <div class="team-image">
                            <img src="static/picture/team-5.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">Adam John</a></h5>
                            <p class="text">Web Developer</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="single-team text-center mt-4 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
                        <div class="team-image">
                            <img src="static/picture/team-6.png" alt="Team">
                            <div class="social">
                                <ul>
                                    <li><a href="#"><i class="lni lni-facebook-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-twitter-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-instagram-filled"></i></a></li>
                                    <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="team-content">
                            <h5 class="holder-name"><a href="#">kathy Snow</a></h5>
                            <p class="text">Creative Designer</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Team Ends -->
   
    <!-- Footer Start -->
    <footer class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="footer-logo text-center">
                        <a href="index.html"><img src="static/picture/logo.svg" alt="Logo"></a>
                    </div>

                    <div class="footer-support text-center mt-4">
                        <span>+8801234567890</span>
                        <span>support@uideck.com</span>
                    </div>

                    <ul class="social text-center mt-4">
                        <li><a href="javascript:;"><i class="lni lni-facebook-filled"></i></a></li>
                        <li><a href="javascript:;"><i class="lni lni-twitter-original"></i></a></li>
                        <li><a href="javascript:;"><i class="lni lni-instagram-original"></i></a></li>
                        <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                    </ul>
                </div>

                <div class="col-lg-12">
                    <div class="copyright text-center mt-4">
                        <p class="text">2020 © itotek. Design by Setblue.</p>
                    </div>
                </div>


            </div>
        </div>
        <div id="particles-2"></div>
    </footer>
    <!-- Footer Ends -->
    <!-- Back Top Top Start -->
    <a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>
    <!-- Back Top Top Ends -->
    <!-- Jquery js -->
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/modernizr-3.7.1.min.js"></script>

    <!-- Bootstrap js -->
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>

    <!-- Slick js -->
    <script src="static/js/slick.min.js"></script>

    <!-- wow js -->
    <script src="static/js/wow.min.js"></script>

    <!-- Particles js -->
    <script src="static/js/particles.min.js"></script>

    <!-- Main js -->
    <script src="static/js/main.js"></script>

</body>
</html>